<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />

<title>Your own page title</title>

<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" type="text/css" href="css/blue.css" />

</head>

<body>

<div id="outline">
	
<div id="wrapper">
	
<!-- START HEADER -->

<div id="header">

<div id="headerBox">Lorem ipsum dolor sit amet, consectetuer sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.</div>

<h1>Header</h1>

</div><!-- END HEADER -->

<!-- START NAVIGATION TOP -->

<div id="navTop">
<ul>
<li id="current"><a href="index.html">Layout 1</a></li>
<li><a href="layout-2.html">Layout 2</a></li>
<li><a href="layout-3.html">Layout 3</a></li>
<li><a href="layout-4.html">Layout 4</a></li>
<li><a href="site-elements.html">Site Elements</a></li>
<li><a href="#">Colors</a>

<ul>
<li><a href="colors.html">Colors</a></li>
<li><a href="site-elements.html">Layout Blue</a></li>
<li><a href="layout-green.html">Layout Green</a></li>
<li><a href="layout-red.html">Layout Red</a></li>
<li><a href="layout-yellow.html">Layout Yellow</a></li>
<li><a href="layout-brown.html">Layout Brown</a></li>
<li><a href="layout-grey.html">Layout Grey</a></li>
</ul>

</li>
</ul>

</div><!-- END NAVIGATION TOP -->

<!-- START RIGHT COLUMN -->

<div id="leftColumn-layout1">

<h2>Left Column</h2>

<p>Lorem ipsum dolor sit amet, consectetuer sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. </p>

<p>At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>

</div><!-- END LEFT COLUMN -->

<!-- START RIGHT COLUMN -->

<div id="rightColumn-layout1">
<h2>Right Column</h2>

<div id="sidebar">
<ul>
<li><a href="#sitename" title="Sitename">Page 1</a></li>
<li><a href="#sitename" title="Sitename">Page 2</a></li>
<li><a href="#sitename" title="Sitename">Page 3</a></li>
<li><a href="#sitename" title="Sitename">Page 4</a></li>
<li><a href="#sitename" title="Sitename">Page 5</a></li>
</ul>
</div>

<p>
Lorem ipsum dolor sit amet, consectetuer sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
</p> 

<p>
Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
</p>

</div><!-- END RIGHT COLUMN -->

<!-- START FOOTER -->

<div id="footer">
Copyright 20xx <a href="#sitename">Your Sitename</a> | Original Design by <a href="http://www.wfiedler-online.de">wfiedler</a>
</div><!-- END FOOTER -->

</div></div>

</body>
</html>
